<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>百度一下，你就知道</title>
    <link type="text/css" rel="styleSheet" href="baidu.css" />

</head>
<body>
    <div class="top">
        <ul class="top-left">
            <li><a href="#">新闻</a></li>
            <li><a href="#">hao123</a></li>
            <li><a href="#">地图</a></li>
            <li><a href="#">直播</a></li>
            <li><a href="#">视屏</a></li>
            <li><a href="#">贴吧</a></li>
            <li><a href="#">学术</a></li>
            <li><a href="#">更多</a></li>
        </ul>

        <div class="top-right">
            <span class="top-right-set">
                <button class="right-down">设置</button>
<!--                <a href="#">设置</a>-->
                <div class="set-select">
                    <a href="#">搜索设置</a>
                    <a href="#">高级搜索</a>
                    <a href="#">关闭预测</a>
                    <a href="#">隐私设置</a>
                    <a href="#">关闭热搜</a>
                </div>
            </span>
            <div class="login"><a href="#">登录</a></div>
        </div>
    </div>

    <div class="center">
        <div class="center-picture">
            <img src="../../image/baidu.png">
        </div>
        <div class="search">
            <input type="text" class="search-text">
            <input type="button" class="search-button" onclick="window.location.href = 'https://www.baidu.com/'" value="百度一下">
        </div>
    </div>
<!--bottom-->
    <div class="bottom-left">
        <ul>
            <ul>
                <li class="bottom-left-li"><a href="#">设为首页</a></li>
                <li class="bottom-left-li"><a href="#">关于百度</a></li>
                <li class="bottom-left-li"><a href="#">about baidu</a></li>
                <li class="bottom-left-li"><a href="#">百度营销</a></li>
                <li class="bottom-left-li"><a href="#">使用百度前必读</a></li>
                <li class="bottom-left-li"><a href="#">意见反馈</a></li>
                <li class="bottom-left-li"><a href="#">帮助中心</a></li>

            </ul>
        </ul>
    </div>
    <div class="bottom-right">
        <ul>
            <li class="bottom-right-li"><a href="#">京ICP证030173号</a></li>
            <li class="bottom-right-li"><a href="#">京公网安备11000002000001号</a></li>
            <li class="bottom-right-li"><a href="#">（京）-经营性-2017-0020</a></li>
            <li class="bottom-right-li"><a href="#">@2020 Baidu</a></li>
        </ul>
    </div>

</body>
</html>